import {createApp} from 'vue'
import './style.css'
import 'amfe-flexible';
import router from './router'; // 引入路由配置
// @ts-ignore
import App from './App.vue'
import {createPinia} from "pinia";
import {piniaPersist} from './plugins/piniaPersist'
import {Notify, Quasar} from 'quasar'
import language from "./language";


// Import icon libraries
import '@quasar/extras/material-icons/material-icons.css'
import '@quasar/extras/themify/themify.css'

// A few examples for animations from Animate.css:
// import @quasar/extras/animate/fadeIn.css
// import @quasar/extras/animate/fadeOut.css
// Import Quasar css
import 'quasar/src/css/index.sass'

// Assumes your root component is App.vue
// and placed in same folder as main.js

const app = createApp(App);
const pinia = createPinia();
pinia.use(piniaPersist);
app.use(router).use(pinia)
language(app).then(() => {
}).catch(error => {
    console.log(error)
})

app.use(Quasar, {
    plugins: {
        Notify
    }, // import Quasar plugins and add here
    config: {
        notify: {
            position: 'top',
            timeout: 1500,
            textColor: 'white',
            actions: [{icon: '', color: 'white'}]/* look at QuasarConfOptions from the API card */
        }
    }
})
app.mount('#app');

